<!DOCTYPE html>
<html>
<head>
	<title>邀请有礼</title>
	<meta charset="utf-8">
	<meta name = "viewport" content ="initial-scale=1.0,maximum-scale=1,user-scalable=no">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" type="text/css" href="/resource/web/css/reset.css">
	{{--<link rel="stylesheet" type="text/css" href="/resource/web/css/newhead.css">--}}
	<style>
		.nf-banner {
			width: 100%;
			height: 7.306667rem;
		}
		.nf-banner img {
			width: 100%;
			height: 100%;
		}

		.nf-con img {
			display: block;
			width: 8.746667rem;
			height: 11.786667rem;
			margin: 0 auto;
		}
		.nf-con2 {
			position: relative;
		}
		.nf-con2 img {
			display: block;
			width: 8.96rem;
			height: 7.733333rem;
			margin: 0 auto;
			margin-top: 0.773333rem;
		}
		.nf-jion{
			width: 2.32rem;
			height: 0.56rem;
			line-height: 0.56rem;
			text-align: center;
			font-size: 0.4rem;
			color: #4500cb;
			background-color: #fff;
			border-radius: 0.4rem;
			position: absolute;
			bottom: 2.186667rem;
			right:1.626667rem;
		}
		.nf-con3 img {
			display: block;
			width: 8.213333rem;
			height: 3.146667rem;
			margin: 0 auto;
			margin-top: 0.88rem;
		}
		.nf-con4 img {
			display: block;
			width: 8.826667rem;
			height: 8.853333rem;
			margin: 0 auto;
			margin-top: 0.16rem;
		}
		.nf-con5 img {
			display: block;
			width: 100%;
			height: 2.533333rem;
			margin-top: 0.533333rem;
		}
		.nf-btn {
			width: 100%;
			height: 1.173333rem;
			line-height:  1.173333rem;
			text-align: center;
			font-size: 0.48rem;
			color: #fff;
			background-color: #f6390c;
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 999;
		}
		.mod-con {
			margin-top: -1.013333rem;
			background-image: linear-gradient( 0deg,#ffb900, #ffc700,#ffdd29);
		}
		.nf-jl {
			position: relative;
			z-index: 333;
			width: 70%;
			margin: 0 auto;
			margin-top: -2.533333rem;
			margin-bottom: 2.533333rem;
			font-size: 0.373333rem;
			color: #666666;
		}
		.nf-jl span {
			font-size: 0.693333rem;
			color: #f6390c;
		}
		.nf-last {
			text-align: center;
			margin-top: 0.213333rem;
		}
		.nologn {
			margin-top: 0.266667rem;
			margin-bottom: 2.133333rem;
			font-size: 0.48rem;
			color: #666666;
			text-align: center;
		}
		.nologn span {
			font-size: 0.48rem;
			color: #ff0000;
		}
	</style>
	<link rel="stylesheet" type="text/css" href="/resource/web/css/flex.css">
	<script type="text/javascript" src="/resource/web/js/flexible.js"></script>
	<script type="text/javascript" src="/resource/web/js/jquery-1.11.1.min.js"></script>
</head>
<body>
    <div class="mod-tit">
        <div class="title">
        	<p>邀请有礼</p>
        	<a href="#0"><img src="/resource/web/img/newhead/path_7_copy.png"></a>
        </div>
    </div>
    <div class="nf-banner">
    	<img src="/resource/web/img/newhead/banner11.png">
    </div>
	<div class="mod-con">
		<div class="nf-con">
			<img src="/resource/web/img/newhead/nf_1.png">
		</div>
		<div class="nf-con2">
			<img src="/resource/web/img/newhead/nf_2.png">
			<div class="nf-jion" >立即邀请</div>

		</div>
		<div class="nf-con3">
			<img src="/resource/web/img/newhead/nf_3.png">
			<div class="nf-jl">
                @if(!empty($user_invite_code))
				<ul>
					<li class="tcf-flex tcf-justify-justify">
                        <p>已成功邀请<span>{{$invite_count}}</span>个人</p>
                        <p>已赚取奖励<span>{{$invest_amount}}</span>元</p>
					</li>
					<?php
					if(strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone')||strpos($_SERVER['HTTP_USER_AGENT'], 'iPad')){ ?>
					<li class="nf-last"  onClick="window.webkit.messageHandlers.NativeMethod.postMessage('invitationNum');">查看邀请记录></li>
					<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'], 'Android')){ ?>
					<li class="nf-last" onClick="window.android.invitationNum()">查看邀请记录></li>
					<?php }?>
				</ul>
                @else
				{{--未登录显示--}}
				<p class="nologn" >
					<?php
					if(strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone')||strpos($_SERVER['HTTP_USER_AGENT'], 'iPad')){ ?>
					<span onClick="window.webkit.messageHandlers.NativeMethod.postMessage('loginapp');" >登录</span>查看邀请赚取奖励</p>
					<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'], 'Android')){ ?>
					<li class="nf-last" onClick="window.android.invitationNum()">查看邀请记录></li>
					<span onClick="window.android.loginapp()" >登录</span>查看邀请赚取奖励</p>
					<?php }?>

                @endif
			</div>
		</div>
		<div class="nf-con4">
			<img src="/resource/web/img/newhead/nf_4.png">
		</div>
		<div class="nf-con5">
			<img src="/resource/web/img/newhead/nf_5.png">
		</div>
	</div>
	<?php
	if(strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone')||strpos($_SERVER['HTTP_USER_AGENT'], 'iPad')){ ?>
	<div class="nf-btn" onClick="window.webkit.messageHandlers.NativeMethod.postMessage('invitation');">立即邀请</div>
	<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'], 'Android')){ ?>
	<div class="nf-btn" onClick="window.android.invitation()">立即邀请</div>
	<?php }?>

	<script>
		if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
			$(".mod-tit").css("display","none");
			$(".nh-banner").css({
				"margin-top":"0"
			})
			//苹果端
		} else if (/(Android)/i.test(navigator.userAgent)) {
			$(".mod-tit").css("display","none");
			$(".nh-banner").css({
				"margin-top":"0"
			})
		} else {
			//pc端
		};

        function checked(){
            alert("您已注册");
        }
	</script>
</body>
</html>